<%-- Created by IntelliJ IDEA. User: chenjun Date: 2022/2/24 Time: 10:00 To change this template use File | Settings |
    File Templates. --%>
    <% String path=request.getContextPath(); String basePath=request.getScheme() + "://" + request.getServerName() + ":"
        + request.getServerPort() + path + "/" ; %>
        <%@ page contentType="text/html;charset=UTF-8" language="java" %>
            <!DOCTYPE html>
            <html>

            <head>
                <base href="<%=basePath%>">
                <title>采购计划</title>
                <meta http-equiv="pragma" content="no-cache">
                <meta http-equiv="cache-control" content="no-cache">
                <meta http-equiv="expires" content="0">
                <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
                <meta http-equiv="description" content="This is my page">
            </head>
            <style>
                .tdText {
                    text-align: right;
                    width: 400px;
                    height: 20px;
                }

                input:disabled {
                    background-color: #dae1ed;
                }
            </style>

            <body>
                <%@ include file="/WEB-INF/jsp/common/header.jsp" %>
                    <%@ include file="/WEB-INF/jsp/common/loadDiv.jsp" %>

                        <div class="query_criteria" id="query_criteria">
                            <div style="margin: 5px 0px">
                                <%-- 搜索框 --%>
                                    <label style="font-size: 12px;">创建时间：</label> <input class="easyui-datebox"
                                        name="startTime" id="startTime"
                                        data-options="required:true,showSeconds:false,formatter:myformatter,parser:myparser"
                                        value="" style="width: 150px"> <label style="font-size: 10px;">~</label> <input
                                        class="easyui-datebox" name="endTime" id="endTime"
                                        data-options="required:true,showSeconds:false,formatter:myformatter,parser:myparser"
                                        style="width: 150px" /> <label
                                        style="margin-left: 20px; font-size: 12px;">状态：</label> <input
                                        class="easyui-combobox" id="planStatus" name="status" style="width: 80px"
                                        data-options="valueField: 'value',
		textField: 'label',editable:false,panelHeight:'auto',data: [{
			label: '全部',
			value: ''
		},{
			label: '待提交',
			value: '0',
			'selected':true
		},{
			label: '已提交',
			value: '1'
		},{
			label: '已完成',
			value: '2'
		}]">
                                    <a id="search" style="margin-left: 30px" href="javascript:void(0)"
                                        class="easyui-linkbutton" data-options="iconCls:'icon-search'"
                                        onclick="selectList()">查询</a> <a id="export" style="margin-left: 10px"
                                        href="javascript:void(0)" class="easyui-linkbutton"
                                        data-options="iconCls:'icon-export'" onclick="exportList()">导出</a>
                            </div>
                            <div>
                                <table id="tt"></table>
                            </div>
                            <div id="addWindow" class="easyui-window" closed="true" modal="true" title="采购方案"
                                style="width: 900px; height: 400px; padding: 5px 5px">
                                <div id="tabsAdd" class="easyui-tabs" style="width: 875px; height: 350px">
                                    <div title="基本信息" style="padding: 5px;">
                                        <form id="fm">
                                            <table>
                                                <tr style="margin-bottom: 10px">
                                                    <td colspan="1" class="tdText"><label
                                                            style="width: 40%; text-align: right;">计划编码：</label>
                                                        <input id="planCode" class="easyui-validatebox textbox"
                                                            data-options="disabled:true" style="width: 60%">
                                                        <input id="planId" type="hidden"
                                                            class="easyui-validatebox textbox" style="width: 60%">
                                                    </td>
                                                    <td colspan="1" class="tdText"><label
                                                            style="width: 40%; text-align: right;">计划名称：</label>
                                                        <input id="planName" class="easyui-validatebox textbox"
                                                            data-options="required:true" style="width: 60%">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="1" class="tdText"><label
                                                            style="width: 40%; text-align: left;">相关说明：</label>
                                                        <input id="remark" class="easyui-validatebox textbox"
                                                            data-options="readonly:false,multiline:true"
                                                            style="width: 60%; height: 100px">
                                                    </td>
                                                </tr>
                                            </table>
                                        </form>
                                    </div>
                                    <div title="物资明细" id="gramMMPanel" style="padding: 5px;">
                                        <%--采购计划明细列表DataGrid --%>
                                            <table id="dataGridDiv"></table>
                                    </div>
                                </div>
                            </div>
                            <%-- 详情弹窗 --%>
                                <div id="planDetailWindow" class="easyui-window" closed="true" modal="true"
                                    title="采购计划详情" style="width: 900px; height: 400px; padding: 5px 5px">
                                    <div id="tabs" class="easyui-tabs" style="width: 875px; height: 350px">
                                        <div title="采购计划信息" style="padding: 5px;">
                                            <form id="mmPlanForm">
                                                <table>
                                                    <tr style="margin-bottom: 10px">
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">选择物资：</label>
                                                            <input id="mmCode"
                                                                data-options="editable:false,required:true"
                                                                style="width: 60%">
                                                        </td>
                                                    </tr>
                                                    <tr style="margin-bottom: 10px">
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">物资描述：</label>
                                                            <input id="mmDetail" class="easyui-textbox"
                                                                data-options="disabled:true" style="width: 60%">
                                                        </td>
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">计量单位：</label>
                                                            <input id="mmUnit" class="easyui-textbox"
                                                                data-options="disabled:true" style="width: 60%">
                                                        </td>
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">计量单位描述：</label>
                                                            <input id="mmUnitDetail" class="easyui-textbox"
                                                                data-options="disabled:true" style="width: 60%">
                                                        </td>
                                                    </tr>
                                                    <!-- 							<tr style="margin-bottom: 10px"> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">是否加急：</label> <input -->
                                                    <!-- 									id="mmCategory" class="easyui-combobox" -->
                                                    <!-- 									data-options="required:true,valueField: 'value',editable:false, -->
                                                    <!-- 		                            textField: 'label',panelHeight:'auto',data: [{ -->
                                                    <!-- 			                        label: '月度', -->
                                                    <!-- 			                        value: '月度', -->
                                                    <!-- 			                        'selected':true -->
                                                    <!-- 		                            },{ -->
                                                    <!-- 			                        label: '加急', -->
                                                    <!-- 			                        value: '加急', -->
                                                    <!-- 		                            }]" -->
                                                    <!-- 									style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">主特征：</label> <input -->
                                                    <!-- 									id="mmMain" class="easyui-textbox" data-options="disabled:true" -->
                                                    <!-- 									style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">副特征：</label> <input -->
                                                    <!-- 									id="mmSecond" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 							</tr> -->
                                                    <!-- 							<tr style="margin-bottom: 10px"> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">计量性质：</label> <input -->
                                                    <!-- 									id="mmNature" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">物资类别编码：</label> <input -->
                                                    <!-- 									id="mmTypeCode" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">物资类别名称：</label> <input -->
                                                    <!-- 									id="mmTypeName" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 							</tr> -->
                                                    <!--                                                         <tr style="margin-bottom: 10px"> -->
                                                    <!--                                                             <td colspan="1" class="tdText"><label -->
                                                    <!--                                                                     style="width: 40%; text-align: right;">需求计划量：</label> -->
                                                    <!--                                                                 <input id="planNeedNum" class="easyui-textbox" -->
                                                    <!--                                                                     data-options="disabled:true" style="width: 60%"> -->
                                                    <!--                                                             </td> -->
                                                    <!--                                                             <td colspan="1" class="tdText"><label -->
                                                    <!--                                                                     style="width: 40%; text-align: right;">库存量：</label> -->
                                                    <!--                                                                 <input id="planStockNum" class="easyui-textbox" -->
                                                    <!--                                                                     data-options="disabled:true" style="width: 60%"> -->
                                                    <!--                                                             </td> -->
                                                    <!--                                                             <td colspan="1" class="tdText"><label -->
                                                    <!--                                                                     style="width: 40%; text-align: right;">需用日期：</label> -->
                                                    <!--                                                                 <input id="planNeedDate" class="easyui-textbox" -->
                                                    <!--                                                                     data-options="disabled:true" style="width: 60%"> -->
                                                    <!--                                                             </td> -->
                                                    <!--                                                         </tr> -->
                                                    <tr style="margin-bottom: 10px">
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">设备位号：</label>
                                                            <input id="planDevice" class="easyui-numberbox"
                                                                data-options="" style="width: 60%">
                                                        </td>
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">质量技术要求：</label>
                                                            <input id="planQm" class="easyui-textbox" data-options=""
                                                                style="width: 60%">
                                                        </td>
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">用途：</label>
                                                            <input id="planUse" class="easyui-textbox" data-options=""
                                                                style="width: 60%">
                                                        </td>
                                                    </tr>
                                                    <tr style="margin-bottom: 10px">
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">使用人姓名：</label>
                                                            <input id="planUseName" class="easyui-numberbox"
                                                                data-options="" style="width: 60%">
                                                        </td>
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">使用人联系方式：</label>
                                                            <input id="planUseTel" class="easyui-textbox"
                                                                data-options="" style="width: 60%">
                                                        </td>
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">采购计划量：</label>
                                                            <input id="planPurNum" class="easyui-numberbox"
                                                                data-options="disabled:false,required:true"
                                                                style="width: 60%">
                                                        </td>
                                                        <!--                                                             <td colspan="1" class="tdText"><label -->
                                                        <!--                                                                     style="width: 40%; text-align: right;">出库类型：</label> -->
                                                        <!--                                                                 <input id="planOutType" class="easyui-textbox" -->
                                                        <!--                                                                     data-options="" style="width: 60%"> -->
                                                        <!--                                                             </td> -->
                                                    </tr>
                                                    <tr style="margin-bottom: 10px">
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">到货工厂：</label>
                                                            <input id="inqFactory" style="width: 60%"
                                                                class="easyui-combobox" data-options="url:'sysDict/queryItemByTypeName?dicName=交货工厂',method:'get',
                                                                                         valueField:'dicValue',textField:'dicName',panelHeight:'auto',required:true,editable:false,
                                                                                         onChange: function(newValue,oldValue){
                                                                                        }">
                                                        </td>
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">使用公司：</label>
                                                            <input id="inqCorp" style="width: 60%"
                                                                class="easyui-combobox" data-options="url:'sysDict/queryItemByTypeName?dicName=交货工厂',method:'get',
                                                                                         valueField:'dicValue',textField:'dicName',panelHeight:'auto',required:true,editable:false,
                                                                                         onChange: function(newValue,oldValue){
                                                                                        }">
                                                        </td>
                                                    </tr>
                                                    <!-- <tr style="margin-bottom: 10px">
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">行备注：</label>
                                                                <input id="planRemark" class="easyui-textbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">采购计划量：</label>
                                                                <input id="planPurNum" class="easyui-numberbox"
                                                                    data-options="disabled:false,required:true"
                                                                    style="width: 60%">
                                                            </td> -->
                                                    <!-- <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">需求类型：</label>
                                                                <input class="easyui-combobox" id="planNedType"
                                                                    name="planNedType" style="width: 80px;"
                                                                    data-options="valueField: 'value',editable:false,
		textField: 'label',panelHeight:'auto',data: [{
			label: '全部',
			value: ''
		},{
			label: '待提交',
			value: '0',
			'selected':true
		},{
			label: '已提交',
			value: '1'
		}]" />
                                                            </td> -->
                                                    <!-- </tr>
                                                        <tr style="margin-bottom: 10px">
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">分交类型：</label>
                                                                <input id="planTransfer" class="easyui-combobox"
                                                                    data-options="required:true, valueField: 'value',editable:false,
		                            textField: 'label',panelHeight:'auto',data: [{
			                        label: '集采',
			                        value: '集采',
			                        'selected':true
		                            },{
			                        label: '自采',
			                        value: '自采',
		                            }]" style="width: 60%">
                                                            </td>
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">使用公司编码：</label>
                                                                <input id="planCorpCode" class="easyui-numberbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">使用公司名称：</label>
                                                                <input id="planCorpName" class="easyui-textbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                        </tr> -->
                                                    <!-- 							<tr style="margin-bottom: 10px"> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">使用单位编码：</label> <input -->
                                                    <!-- 									id="planDeptCode" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">使用单位名称：</label> <input -->
                                                    <!-- 									id="planDeptName" class="easyui-numberbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">是否合同：</label> <input -->
                                                    <!-- 									id="planIsContract" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 							</tr> -->
                                                    <!-- <tr style="margin-bottom: 10px">
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">项目类型：</label>
                                                                <input id="planProType" class="easyui-textbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">资产/费用/存货：</label>
                                                                <input id="planGoodType" class="easyui-numberbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">评估类型：</label>
                                                                <input id="planAssessType" class="easyui-textbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                        </tr> -->
                                                    <!-- 							<tr style="margin-bottom: 10px"> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">资产编码：</label> <input -->
                                                    <!-- 									id="planMeanCode" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">资产描述：</label> <input -->
                                                    <!-- 									id="planMeanDetail" class="easyui-numberbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">成本中心编码：</label> <input -->
                                                    <!-- 									id="planCostCode" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 							</tr> -->
                                                    <!-- <tr style="margin-bottom: 10px">
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">成本中心描述：</label>
                                                                <input id="planCostDetail" class="easyui-textbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">订单编码：</label>
                                                                <input id="planOrderCode" class="easyui-numberbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">订单描述：</label>
                                                                <input id="planOrderDetail" class="easyui-textbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                        </tr> -->
                                                    <!-- <tr style="margin-bottom: 10px">
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">到货工厂：</label>
                                                                <input id="planFactoryCode" class="easyui-textbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">到货工厂描述：</label>
                                                                <input id="planFactoryName" class="easyui-numberbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                            <td colspan="1" class="tdText"><label
                                                                    style="width: 40%; text-align: right;">退货标记：</label>
                                                                <input id="planIsReturn" class="easyui-textbox"
                                                                    data-options="disabled:true" style="width: 60%">
                                                            </td>
                                                        </tr> -->
                                                    <!-- 							<tr style="margin-bottom: 10px"> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">归口日期：</label> <input -->
                                                    <!-- 									id="planUnderDate" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">状态：</label> <input -->
                                                    <!-- 									id="status" class="easyui-textbox" data-options="disabled:true" -->
                                                    <!-- 									style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">创建时间：</label> <input -->
                                                    <!-- 									id="createTime" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 							</tr> -->
                                                    <!-- 							<tr style="margin-bottom: 10px"> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">创建人：</label> <input -->
                                                    <!-- 									id="createName" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">更新人：</label> <input -->
                                                    <!-- 									id="updateName" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 								<td colspan="1" class="tdText"><label -->
                                                    <!-- 									style="width: 40%; text-align: right;">更新时间：</label> <input -->
                                                    <!-- 									id="updateTime" class="easyui-textbox" -->
                                                    <!-- 									data-options="disabled:true" style="width: 60%"></td> -->
                                                    <!-- 							</tr> -->
                                                    <tr>
                                                        <td colspan="1" class="tdText"><label
                                                                style="width: 40%; text-align: right;">备注：</label>
                                                            <input id="remark" class="easyui-textbox"
                                                                data-options="disabled:false,multiline:true"
                                                                style="width: 60%; height: 100px">
                                                        </td>
                                                    </tr>
                                                </table>
                                            </form>
                                        </div>
                                        <!--             <div title="物资信息"> -->
                                        <!--                    <table id="planMMDetail"></table> -->
                                        <!--             </div> -->
                                    </div>
                                </div>

                        </div>
            </body>
            <script type="text/javascript">
                // 库存地点
                function initStock(newValue) {
                    $('#inqStock').combobox({
                        method: 'get',
                        url: 'sysDict/queryItemByTypeName?dicName=' + newValue + '-库存地点',
                        valueField: "dicValue",
                        textField: "dicName",
                        editable: false,
                        required: true
                    });
                }


                //物资编码
                function bindMMCombo() {
                    $('#mmCode').combogrid({
                        panelWidth: 500,
                        url: 'sys/mm/selectList?page=1&rows=10',
                        idField: 'mmId',
                        textField: 'nedMmCode',
                        mode: 'remote',
                        fitColumns: true,
                        delay: 1000,
                        columns: [[
                            { field: 'mmId', title: '物资编码', width: 60 },
                            { field: 'nedMmDetail', title: '物资描述', width: 280 },
                            { field: 'nedMmUnit', title: '计量单位', width: 30 }
                        ]],
                        onClickRow: function (index, row) {
                            console.log('onclickrow', row);
                            $('#mmDetail').textbox('setValue', row.nedMmDetail);
                            $('#mmUnit').textbox('setValue', row.nedMmUnit);
                            // $('#mmUnitDetail').textbox('setValue', row.mmUnitDetail);
                        }
                    });
                }


                function addRow() {
                    // 清空form
                    $('#mmPlanForm').form('clear');
                    $('#planDetailWindow').window('open');
                    $('#tabs').tabs({
                        tools: [{
                            text: '保存',
                            iconCls: 'icon-save',
                            handler: function () {
                                addRowsToPlanMmDetailList();
                            }
                        }]
                    })
                    //                     $('#planName').textbox('enable');
                }
                /**
                 * 将选中的计划物资添加到物资列表
                 */
                function addRowsToPlanMmDetailList() {
                    if (!$('#fm').form('validate')) {
                        alert('有未填写数据！');
                        return;
                    }

                    var rows = $('#dataGridDiv').datagrid('getRows');
                    let row = getRow();
                    for (var item of rows) {
                        if (item.mmCode == row.mmCode) {
                            alert('此物料已选择!');
                            return;
                        }
                    }
                    console.log('insertRow', row);
                    $('#dataGridDiv').datagrid('insertRow', {
                        row: row
                    })
                    $('#planDetailWindow').window('close');
                }

                function getRow() {
                    let mm = {
                        // planId: $('#planId').val(),
                        mmId: $('#mmCode').combo('getValue'),
                        // planCode: $('#planCode').textbox('getValue'),
                        // planName: $('#planName').textbox('getValue'),
                        mmCode: $('#mmCode').combo('getValue'),
                        mmDetail: $('#mmDetail').textbox('getValue'),
                        mmUnit: $('#mmUnit').textbox('getValue'),
                        mmUnitDetail: $('#mmUnitDetail').textbox('getValue'),
                        //                         mmCategory: $('#mmCategory').combobox('getValue'),
                        //                         mmMain: $('#mmMain').textbox('getValue'),
                        //                         status: $('#status').textbox('getValue'),
                        //                         mmSecond: $('#mmSecond').textbox('getValue'),
                        //                         mmNature: $('#mmNature').textbox('getValue'),
                        //                         mmTypeCode: $('#mmTypeCode').textbox('getValue'),
                        //                         mmTypeName: $('#mmTypeName').textbox('getValue'),
                        //                         planNeedNum: $('#planNeedNum').textbox('getValue'),
                        //                         planStockNum: $('#planStockNum').textbox('getValue'),
                        //                         planNeedDate: $('#planNeedDate').textbox('getValue'),
                        //                         planDevice: $('#planDevice').textbox('getValue'),
                        //                         planQm: $('#planQm').textbox('getValue'),
                        //                         planUse: $('#planUse').textbox('getValue'),
                        //                         planUseName: $('#planUseName').textbox('getValue'),
                        //                         planUseTel: $('#planUseTel').textbox('getValue'),
                        //                         planOutType: $('#planOutType').textbox('getValue'),
                        //                         planRemark: $('#planRemark').textbox('getValue'),
                        planPurNum: $('#planPurNum').numberbox('getValue'),
                        //                         planNedType: $('#planNedType').textbox('getValue'),
                        //                         planTransfer: $('#planTransfer').combobox('getValue'),
                        planCorpCode: $('#inqCorp').combobox('getValue'),
                        planCorpName: $('#inqCorp').combobox('getText'),
                        //                         planDeptCode: $('#planDeptCode').textbox('getValue'),
                        //                         planDeptName: $('#planDeptName').textbox('getValue'),
                        //                         planIsContract: $('#planIsContract').textbox('getValue'),
                        //                         planProType: $('#planProType').textbox('getValue'),
                        //                         planGoodType: $('#planGoodType').textbox('getValue'),
                        //                         planAssessType: $('#planAssessType').textbox('getValue'),
                        //                         planMeanCode: $('#planMeanCode').textbox('getValue'),
                        //                         planCostCode: $('#planCostCode').textbox('getValue'),
                        //                         planCostDetail: $('#planCostDetail').textbox('getValue'),
                        //                         planOrderCode: $('#planOrderCode').textbox('getValue'),
                        //                         planOrderDetail: $('#planOrderDetail').textbox('getValue'),
                        planFactoryCode: $('#inqFactory').combobox('getValue'),
                        planFactoryName: $('#inqFactory').combobox('getText'),
                        //                         planIsReturn: $('#planIsReturn').textbox('getValue'),
                        //                         planUnderDate: $('#planUnderDate').textbox('getValue'),
                        //                         planGoodType: $('#planGoodType').textbox('getValue'),
                        //                         planGoodType: $('#planGoodType').textbox('getValue'),
                        //                         createTime: $('#createTime').textbox('getValue'),
                        //                         createName: $('#createName').textbox('getValue'),
                        //                         updateName: $('#updateName').textbox('getValue'),
                        //                         updateTime: $('#updateTime').textbox('getValue'),

                        status: '0'
                    }
                    return mm;
                }


                // 编辑物资明细
                function editRow() {
                    let planMmRows = $('#dataGridDiv').datagrid('getSelected');
                    console.log('planmmrows', planMmRows);
                    if (!planMmRows) {
                        $.messager.alert('提示', '请选择一条数据');
                        return
                    }
                    console.log(planMmRows.status)
                    if (+planMmRows.status != '0') {
                        $.messager.alert('提示', '该计划已提交，不允许再次修改')
                        return
                    }

                    let index = $('#dataGridDiv').datagrid('getRowIndex', planMmRows);
                    setPlanDetailWindowValue(index);
                }

                // 保存物资明细
                function savePurchasePlanMms(action) {
                    if (!$('#planDetailWindow').form('validate')) {
                        alert('有未填写数据！');
                        return;
                    }
                    let status = '0'
                    if (action == 'submit') {
                        status = '1'
                    }
                    // 1.首先关闭编辑器
                    // $('#planMmDetailList').datagrid('endEdit', editIndex);
                    // editIndex = undefined;
                    // 2.获取物资明细list
                    // const planMmRows = $('#planMmDetailList').datagrid('getRows');
                    let planId = $('#planId').val();
                    // 调用后台接口保存物资明细
                    let mm = {
                        // planId: $('#planId').val(),
                        mmId: $('#mmCode').combo('getValue'),
                        // planCode: $('#planCode').textbox('getValue'),
                        // planName: $('#planName').textbox('getValue'),
                        mmCode: $('#mmCode').combo('getValue'),
                        mmDetail: $('#mmDetail').textbox('getValue'),
                        mmUnit: $('#mmUnit').textbox('getValue'),
                        mmUnitDetail: $('#mmUnitDetail').textbox('getValue'),
                        //                         mmCategory: $('#mmCategory').combobox('getValue'),
                        //                         mmMain: $('#mmMain').textbox('getValue'),
                        //                         status: $('#status').textbox('getValue'),
                        //                         mmSecond: $('#mmSecond').textbox('getValue'),
                        //                         mmNature: $('#mmNature').textbox('getValue'),
                        //                         mmTypeCode: $('#mmTypeCode').textbox('getValue'),
                        //                         mmTypeName: $('#mmTypeName').textbox('getValue'),
                        //                         planNeedNum: $('#planNeedNum').textbox('getValue'),
                        //                         planStockNum: $('#planStockNum').textbox('getValue'),
                        //                         planNeedDate: $('#planNeedDate').textbox('getValue'),
                        //                         planDevice: $('#planDevice').textbox('getValue'),
                        //                         planQm: $('#planQm').textbox('getValue'),
                        //                         planUse: $('#planUse').textbox('getValue'),
                        //                         planUseName: $('#planUseName').textbox('getValue'),
                        //                         planUseTel: $('#planUseTel').textbox('getValue'),
                        //                         planOutType: $('#planOutType').textbox('getValue'),
                        //                         planRemark: $('#planRemark').textbox('getValue'),
                        planPurNum: $('#planPurNum').numberbox('getValue'),
                        //                         planNedType: $('#planNedType').textbox('getValue'),
                        //                         planTransfer: $('#planTransfer').combobox('getValue'),
                        planCorpCode: $('#inqCorp').combobox('getValue'),
                        planCorpName: $('#inqCorp').combobox('getText'),
                        //                         planDeptCode: $('#planDeptCode').textbox('getValue'),
                        //                         planDeptName: $('#planDeptName').textbox('getValue'),
                        //                         planIsContract: $('#planIsContract').textbox('getValue'),
                        //                         planProType: $('#planProType').textbox('getValue'),
                        //                         planGoodType: $('#planGoodType').textbox('getValue'),
                        //                         planAssessType: $('#planAssessType').textbox('getValue'),
                        //                         planMeanCode: $('#planMeanCode').textbox('getValue'),
                        //                         planCostCode: $('#planCostCode').textbox('getValue'),
                        //                         planCostDetail: $('#planCostDetail').textbox('getValue'),
                        //                         planOrderCode: $('#planOrderCode').textbox('getValue'),
                        //                         planOrderDetail: $('#planOrderDetail').textbox('getValue'),
                        planFactoryCode: $('#inqFactory').combobox('getValue'),
                        planFactoryName: $('#inqFactory').combobox('getText'),
                        //                         planIsReturn: $('#planIsReturn').textbox('getValue'),
                        //                         planUnderDate: $('#planUnderDate').textbox('getValue'),
                        //                         planGoodType: $('#planGoodType').textbox('getValue'),
                        //                         planGoodType: $('#planGoodType').textbox('getValue'),
                        //                         createTime: $('#createTime').textbox('getValue'),
                        //                         createName: $('#createName').textbox('getValue'),
                        //                         updateName: $('#updateName').textbox('getValue'),
                        //                         updateTime: $('#updateTime').textbox('getValue'),
                        // remark: $('#remark').textbox('getValue'),
                        status: status
                    }
                    var row = $('#dataGridDiv').datagrid('getSelected');
                    let index = $('#dataGridDiv').datagrid('getRowIndex', row);
                    $('#dataGridDiv').datagrid('updateRow', {
                        index: index,
                        row: mm
                    });
                    $('#planDetailWindow').window('close');
                    // const mmList = []
                    // mmList.push(mm)
                    // const purchasePlanVO = {
                    //     planId: planId,
                    //     status: status,
                    //     purchasePlanMms: mmList
                    // }
                    // $.ajax({
                    //     type: "post",
                    //     dataType: "json",
                    //     url: 'rd/plan/savePlan',
                    //     data: JSON.stringify(mm),
                    //     contentType: "application/json",
                    //     success: function (data) {
                    //         if (data.code != 60200) {
                    //             $.messager.alert('消息', data.msg);
                    //         } else {
                    //             $.messager.alert('消息', data.msg);
                    //             $('#planDetailWindow').window('close');
                    //             $('#dataGridDiv').datagrid('enableFilter');
                    //             $('#dataGridDiv').datagrid('load');

                    //         }
                    //     },
                    //     error: function (XMLHttpRequest, textStatus, errorThrown) {
                    //         $.messager.alert('消息', errorThrown);
                    //     }
                    // })
                }

                // 采购计划明细详情窗口赋值
                function setPlanDetailWindowValue(index) {
                    const rows = $('#dataGridDiv').datagrid('getRows');
                    let item = rows[index];
                    $('#mmId').val(item.mmId)
                    $('#mmCode').combogrid('setValue', item.mmCode);
                    $('#mmDetail').textbox('setValue', item.mmDetail);
                    $('#mmUnit').textbox('setValue', item.mmUnit);
                    $('#mmUnitDetail').textbox('setValue', item.mmUnitDetail);
                    // $('#mmCategory').combobox('setValue', item.mmCategory);
                    // $('#mmMain').textbox('setValue', item.mmMain);
                    // $('#mmSecond').textbox('setValue', item.mmSecond);
                    // $('#mmNature').textbox('setValue', item.mmNature);
                    // $('#mmTypeCode').textbox('setValue', item.mmTypeCode);
                    // $('#mmTypeName').textbox('setValue', item.mmTypeName);
                    // $('#planNeedNum').textbox('setValue', item.planNeedNum);
                    // $('#planStockNum').textbox('setValue', item.planStockNum);
                    // $('#planNeedDate').textbox('setValue', item.planNeedDate);
                    $('#planDevice').textbox('setValue', item.planDevice);
                    $('#planQm').textbox('setValue', item.planQm);
                    $('#planUse').textbox('setValue', item.planUse);
                    $('#planUseName').textbox('setValue', item.planUseName);
                    $('#planUseTel').textbox('setValue', item.planUseTel);
                    $('#planOutType').textbox('setValue', item.planOutType);
                    $('#planRemark').textbox('setValue', item.planRemark);
                    $('#planPurNum').numberbox('setValue', item.planPurNum);
                    // $('#planNedType').textbox('setValue', item.planNedType);
                    // $('#planTransfer').combobox('setValue', item.planTransfer);
                    $('#inqCorp').combobox('setValue', item.planCorpCode);
                    // $('#planCorpName').textbox('setValue', item.planCorpName);
                    // $('#planDeptCode').textbox('setValue', item.planDeptCode);
                    // $('#planDeptName').textbox('setValue', item.planDeptName);
                    // $('#planIsContract').textbox('setValue', item.planIsContract);
                    // $('#planProType').textbox('setValue', item.planProType);
                    // $('#planGoodType').textbox('setValue', item.planGoodType);
                    // $('#planAssessType').textbox('setValue', item.planAssessType);
                    // $('#planMeanCode').textbox('setValue', item.planMeanCode);
                    // $('#planCostCode').textbox('setValue', item.planCostCode);
                    // $('#planCostDetail').textbox('setValue', item.planCostDetail);
                    // $('#planOrderCode').textbox('setValue', item.planOrderCode);
                    // $('#planOrderDetail').textbox('setValue', item.planOrderDetail);
                    $('#inqFactory').combobox('setValue', item.planFactoryCode);
                    // $('#planFactoryName').textbox('setValue', item.planFactoryName);
                    // $('#planIsReturn').textbox('setValue', item.planIsReturn);
                    // $('#planUnderDate').textbox('setValue', item.planUnderDate);
                    // $('#planGoodType').textbox('setValue', item.planGoodType);
                    // $('#planGoodType').textbox('setValue', item.planGoodType);
                    // $('#createTime').textbox('setValue', item.createTime);
                    // $('#createName').textbox('setValue', item.createName);
                    // $('#updateName').textbox('setValue', item.updateName);
                    // $('#updateTime').textbox('setValue', item.updateTime);
                    // $('#remark').textbox('setValue', item.remark);
                    // $('#status').textbox('setValue', item.status);
                    if (item.status == '0') {
                        $('#tabs').tabs({
                            tools: [{
                                text: '保存',
                                iconCls: 'icon-save',
                                handler: function () {
                                    savePurchasePlanMms('save');
                                }
                            }]
                        })
                    } else {
                        $('#tabs').tabs({
                            tools: []
                        })
                    }
                    $('#planDetailWindow').window('open')
                }


                var planTransferOptions = [{
                    "value": "集采",
                    "text": "集采"
                }, {
                    "value": "自采",
                    "text": "自采"
                }];

                // 构建采购计划明细datagrid
                function bingGrid(action, index) {
                    var planId = '-1', url = 'rd/plan/selectPlanMmList';
                    if (action == '1') {
                        const rows = $('#tt').datagrid('getRows');
                        let row = rows[index];
                        console.log('row:', row);
                        planId = row.planId;
                        url = 'rd/plan/selectPlanMmList';
                    }
                    var dg = $('#dataGridDiv');
                    var planStatus = $('#planStatus').combobox('getValue');
                    dg.datagrid({
                        //                         title: '物资明细',
                        // data: gridData,
                        queryParams: {
                            // startTime: $('#startTime').datebox('getValue') ? $('#startTime').datebox('getValue') : '',
                            // endTime: $('#endTime').datebox('getValue') ? $('#endTime').datebox('getValue') : '',
                            // status: planStatus ? planStatus : ''
                            planId: planId
                        },
                        fitColumns: true,
                        url: url,
                        iconCls: 'icon-application',
                        clientPaging: false,
                        remoteFilter: true,
                        filterDelay: 0,
                        width: 850,
                        height: 300,
                        rownumbers: true,
                        singleSelect: true,
                        pageSize: 10,
                        remoteSort: true,
                        pagination: true,
                        //                         onClickCell: onClickCell,
                        //                         onEndEdit: onEndEdit,
                        frozenColumns: [[
                            {
                                field: 'mmId',
                                title: '物资ID',
                                hidden: true,
                                width: 100,
                                formatter: function (val, rec) {
                                    return unescape(val ? val : '')
                                }
                            },
                            {
                                field: 'planId',
                                title: '采购计划ID',
                                hidden: true,
                                sortable: true,
                                width: 100,
                                formatter: function (val, rec) {
                                    return unescape(val ? val : '')
                                }
                            },
                            {
                                field: 'planCode',
                                title: '计划编码',
                                hidden: true,
                                sortable: true,
                                formatter: function (val, rec, index) {

                                    return '<a href="javascript:void(0)" onclick="setPlanDetailWindowValue(' + index + ')">' + (val ? val : '') + '</a>'
                                }
                            }, {
                                field: 'planName',
                                title: '计划名称',
                                hidden: true,
                                sortable: true,
                                formatter: function (val, rec) {
                                    return unescape(val ? val : '')
                                },
                            }, {
                                field: 'mmCode',
                                title: '物资编码',
                                sortable: true,
                                formatter: function (val, rec) {
                                    return unescape(val ? val : '')
                                }
                            }, {
                                field: 'mmDetail',
                                title: '物资描述',
                                sortable: true,
                                width: 210,
                                formatter: function (val, rec) {
                                    if (val) {
                                        return '<span title="' + val + '">' + val + '</span>';
                                    } else {
                                        return val;
                                    }
                                }
                            }
                        ]],
                        columns: [
                            [
                                // {
                                //     field: 'planNedType',
                                //     title: '需求类型',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planDeptCode',
                                //     title: '使用单位编码',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planDeptName',
                                //     title: '使用单位名称',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                {
                                    field: 'planCorpCode',
                                    title: '使用公司编码',
                                    sortable: true,
                                    formatter: function (val, rec) {
                                        return unescape(val ? val : '')
                                    }
                                },
                                {
                                    field: 'planCorpName',
                                    title: '使用公司名称',
                                    sortable: true,
                                    formatter: function (val, rec) {
                                        return unescape(val ? val : '')
                                    }
                                },
                                // {
                                //     field: 'planIsContract',
                                //     title: '是否合同',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val == 'X' ? '是' : '否')
                                //     }
                                // },
                                // {
                                //     field: 'planProType',
                                //     title: '项目类型',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planGoodType',
                                //     title: '资产/费用/存货',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'mmTypeCode',
                                //     title: '物资类别编码',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planAssessType',
                                //     title: '评估类型',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                {
                                    field: 'planPurNum',
                                    editor: { type: 'numberbox', options: { precision: 4 } },
                                    title: '采购计划量',
                                    sortable: true,
                                    formatter: function (val, rec) {
                                        return unescape(val ? val : '')
                                    }
                                },
                                // {
                                //     field: 'planTransfer',
                                //     title: '分交类型',
                                //     editor: {
                                //         type: 'combobox',
                                //         options: {
                                //             data: planTransferOptions,
                                //             editable: false
                                //         }
                                //     },
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planNeedNum',
                                //     title: '需求计划量',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planStockNum',
                                //     title: '库存量',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planNeedDate',
                                //     title: '需用日期',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                {
                                    field: 'mmUnit',
                                    title: '计量单位',
                                    sortable: true,
                                    formatter: function (val, rec) {
                                        return unescape(val ? val : '')
                                    }
                                },
                                {
                                    field: 'mmUnitDetail',
                                    title: '计量单位描述',
                                    sortable: true,
                                    formatter: function (val, rec) {
                                        return unescape(val ? val : '')
                                    }
                                },
                                // {
                                //     field: 'planMeanCode',
                                //     title: '资产编码',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planMeanDetail',
                                //     title: '资产描述',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planCostCode',
                                //     title: '成本中心编码',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planCostDetail',
                                //     title: '成本中心描述',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planOrderCode',
                                //     title: '订单编码',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planOrderDetail',
                                //     title: '订单描述',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                {
                                    field: 'planFactoryCode',
                                    title: '到货工厂',
                                    sortable: true,
                                    formatter: function (val, rec) {
                                        return unescape(val ? val : '')
                                    }
                                },
                                {
                                    field: 'planFactoryName',
                                    title: '到货工厂描述',
                                    sortable: true,
                                    formatter: function (val, rec) {
                                        return unescape(val ? val : '')
                                    }
                                },
                                // {
                                //     field: 'planIsReturn',
                                //     title: '退货标记',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'planUnderDate',
                                //     title: '归口日期',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                // {
                                //     field: 'mmCategory',
                                //     title: '月度/加急',
                                //     sortable: true,
                                //     formatter: function (val, rec) {
                                //         return unescape(val ? val : '')
                                //     }
                                // },
                                {
                                    field: 'createTime',
                                    title: '创建时间',
                                    sortable: true,
                                    formatter: function (val, rec) {
                                        return unescape(val ? val : '')
                                    }
                                },
                                {
                                    field: 'status',
                                    title: '状态',
                                    sortable: true,
                                    formatter: function (val, rec) {
                                        let status = val ? val : '';
                                        return unescape(status == '0' ? '待提交' : (status == '2' ? '已完成' : '已提交'));
                                    }
                                }
                            ]],
                        toolbar: [
                            {
                                text: '新增',
                                iconCls: 'icon-add',
                                handler: function () {
                                    addRow();
                                    $('#tabs').tabs('select', 0);
                                }
                            }, '-', {
                                text: '编辑',
                                iconCls: 'icon-edit',
                                handler: function () {
                                    editRow();
                                    $('#tabs').tabs('select', 0);
                                }
                                //                             }, '-', {
                                //                                 text: '保存',
                                //                                 iconCls: 'icon-save',
                                //                                 handler: function () {
                                //                                     if ($('#planStatus').combobox('getValue') != '0') {
                                //                                         $.messager.alert('提示', '请选择待提交状态！')
                                //                                         return
                                //                                     }
                                //                                     saveList();
                                //                                 }
                                //                             }, '-', {
                                //                                 text: '提交',
                                //                                 iconCls: 'icon-ok',
                                //                                 handler: function () {
                                //                                     if ($('#planStatus').combobox('getValue') != '0') {
                                //                                         $.messager.alert('提示', '请选择待提交状态！')
                                //                                         return
                                //                                     }
                                //                                     $.messager.confirm("提示", "提交后无法修改，确认提交?", function (e) {
                                //                                         if (e) {
                                //                                             saveList('submit');
                                //                                         }
                                //                                     })
                                //                                 }
                            }, '-', {
                                text: '删除',
                                iconCls: 'icon-remove',
                                handler: function () {
                                    $.messager.confirm("提示", "确认删除?", function (e) {
                                        if (e) {
                                            delRow();
                                        }
                                    })
                                }
                            }
                        ],
                        onLoadSuccess: function () {
                        },
                        onDblClickRow: function () {
                            editRow();
                            $('#tabs').tabs('select', 0);
                        }
                    });
                    dg.datagrid('enableFilter');
                }

                function delRow() {
                    const row = $('#dataGridDiv').datagrid('getSelected');
                    if (!row) {
                        $.messager.alert('消息', '请选择要删除的数据');
                        return
                    }
                    if (+row.status == '1') {
                        $.messager.alert('消息', '无法删除已提交的计划');
                        return
                    }
                    var index = $('#dataGridDiv').datagrid('getRowIndex', row);
                    $('#dataGridDiv').datagrid('deleteRow', index);

                }
            </script>

            <script>
                function delRowMain() {
                    const row = $('#tt').datagrid('getSelected');
                    if (!row) {
                        $.messager.alert('消息', '请选择要删除的数据');
                        return
                    }
                    if (+row.status == '1') {
                        $.messager.alert('消息', '无法删除已提交的计划');
                        return
                    }
                    $.ajax({
                        type: 'delete',
                        dataType: 'json',
                        url: 'rd/plan/delete?planId=' + row.planId,
                        success: function (data) {
                            if (data.code != 60200) {
                                $.messager.alert('消息', data.msg);
                            } else {
                                $.messager.alert('消息', data.msg);
                                // bingGrid();
                                var dg = $('#tt');
                                dg.datagrid('enableFilter');
                                dg.datagrid('load');
                            }
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            $.messager.alert('消息', errorThrown);
                        }
                    })

                }
                //保存
                function saveList(action) {
                    if (endEditing()) {

                    }
                    $('#dataGridDiv').datagrid('acceptChanges')
                    var purchasePlanMms = $('#dataGridDiv').datagrid('getRows');
                    let status = '0'
                    if (action == 'submit') {
                        status = '1'
                    } else {
                    }
                    if (purchasePlanMms.length == 0) {
                        $.messager.alert('提示', '请录入物资明细!')
                        return;
                    }
                    const purchasePlanVO = {
                        planId: $('#planId').val(),
                        planCode: $('#planCode').val(),
                        planName: $('#planName').val(),
                        status: status,
                        remark: $('#remark').val(),
                        purchasePlanMms: $('#dataGridDiv').datagrid('getRows')
                    }
                    $.ajax({
                        type: "post",
                        dataType: "json",
                        url: 'rd/plan/savePlan',
                        data: JSON.stringify(purchasePlanVO),
                        contentType: "application/json",
                        success: function (data) {
                            if (data.code != 60200) {
                                $.messager.alert('消息', data.msg);
                            } else {
                                $.messager.alert('消息', data.msg);
                                var dg = $('#tt');
                                dg.datagrid('enableFilter');
                                dg.datagrid('load');
                                $('#addWindow').window('close');

                            }
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            $.messager.alert('消息', errorThrown);
                        }
                    })
                }
                //新增采购计划
                function addRowMain() {
                    $('#fm').form('clear');
                    $('#tabsAdd').tabs({
                        tools: [{
                            text: '保存',
                            iconCls: 'icon-save',
                            handler: function () {
                                saveList('save');
                            }
                        }, {
                            text: '提交',
                            iconCls: 'icon-ok',
                            handler: function () {
                                $.messager.confirm("提示", "提交后无法修改，确认提交?", function (e) {
                                    if (e) {
                                        saveList('submit');
                                    }
                                })
                            }
                        }]
                    })
                    bingGrid('0');
                    $('#addWindow').window('open');
                }

                // 编辑采购计划
                function editRowMain() {
                    let planMmRows = $('#tt').datagrid('getSelected');
                    console.log('planmmrows', planMmRows);
                    if (!planMmRows) {
                        $.messager.alert('提示', '请选择一条数据');
                        return
                    }
                    console.log(planMmRows.status)
                    if (+planMmRows.status != '0') {
                        $.messager.alert('提示', '该计划已提交，不允许再次修改')
                        return
                    }
                    let index = $('#tt').datagrid('getRowIndex', planMmRows);
                    setPlanWindow(index);
                }

                function setPlanWindow(index) {
                    const rows = $('#tt').datagrid('getRows');
                    let planMmRows = rows[index];
                    console.log('planmmrows', planMmRows);
                    $('#planId').val(planMmRows.planId);
                    $('#planCode').val(planMmRows.planCode);
                    $('#planName').val(planMmRows.planName);
                    $('#remark').val(planMmRows.remark);

                    bingGrid('1', index);
                    $('#addWindow').window('open');
                    $('#tabsAdd').tabs('select', 0);

                    if (planMmRows.status == '0') {
                        $('#tabsAdd').tabs({
                            tools: [{
                                text: '保存',
                                iconCls: 'icon-save',
                                handler: function () {
                                    saveList('save');
                                }
                            }, {
                                text: '提交',
                                iconCls: 'icon-ok',
                                handler: function () {
                                    $.messager.confirm("提示", "提交后无法修改，确认提交?", function (e) {
                                        if (e) {
                                            saveList('submit');
                                        }
                                    })
                                }
                            }]
                        })
                    } else {
                        $('#tabsAdd').tabs({
                            tools: []
                        })
                    }

                }

                function bindGrid() {
                    var startTime = $('#startTime').datebox('getValue')
                    var endTime = $('#endTime').datebox('getValue')
                    var status = $('#planStatus').combobox('getValue');
                    $('#tt').datagrid(
                        {
                            title: '采购计划列表',
                            queryParams: {
                                startTime: startTime,
                                endTime: endTime,
                                status: status
                            },
                            url: "rd/plan/selectPlanList",
                            iconCls: 'icon-application',
                            width: getWidth(0.98),
                            height: 415,
                            nowrap: true,
                            rownumbers: true,
                            animate: false,
                            collapsible: false,
                            clientPaging: false,
                            remoteFilter: true,
                            singleSelect: true,
                            pagination: true,
                            remoteSort: true,
                            frozenColumns: [[]],
                            columns: [[{
                                field: 'planId',
                                title: '采购计划id',
                                sortable: true,
                                hidden: true,
                                formatter: function (val, rec) {
                                    return val ? unescape(val) : '';
                                }
                            }, {
                                field: 'planCode',
                                title: '计划编码',
                                sortable: true,
                                formatter: function (val, rec, index) {
                                    return '<a href="javascript:void(0)" onclick="setPlanWindow(' + index + ')">' + (val ? val : '') + '</a>'

                                }
                            }, {
                                field: 'planName',
                                title: '计划名称',
                                sortable: true,
                                formatter: function (val, rec) {
                                    return val ? unescape(val) : '';
                                }
                            }, {
                                field: 'planExplain',
                                title: '相关说明',
                                sortable: true,
                                formatter: function (val, rec) {
                                    return val ? unescape(val) : '';
                                }
                            }, {
                                field: 'createTime',
                                title: '创建时间',
                                sortable: true,
                                formatter: function (val, rec) {
                                    return val ? unescape(val) : '';
                                }
                            }, {
                                field: 'createName',
                                title: '创建人',
                                sortable: true,
                                formatter: function (val, rec) {
                                    return val ? unescape(val) : '';
                                }
                            }, {
                                field: 'updateName',
                                title: '最后修改人',
                                sortable: true,
                                formatter: function (val, rec) {
                                    return val ? unescape(val) : '';
                                }
                            }, {
                                field: 'updateTime',
                                title: '最后修改时间',
                                sortable: true,
                                formatter: function (val, rec) {
                                    return val ? unescape(val) : '';
                                }
                            }, {
                                field: 'status',
                                title: '状态',
                                sortable: true,
                                formatter: function (val, rec) {
                                    let status = val ? val : '';
                                    return unescape(status == '0' ? '待提交' : (status == '2' ? '已完成' : '已提交'));
                                }
                            }, {
                                field: 'remark',
                                title: '备注',
                                sortable: true,
                                formatter: function (val, rec) {
                                    return val ? unescape(val) : '';
                                }
                            },]],
                            toolbar: [{
                                text: '增加',
                                iconCls: 'icon-add',
                                handler: function () {
                                    addRowMain();
                                    $('#tabsAdd').tabs('select', 0);
                                }
                            },
                                '-',
                            {
                                text: '编辑',
                                iconCls: 'icon-edit',
                                handler: function () {
                                    editRowMain();
                                    $('#tabsAdd').tabs('select', 0);
                                }
                            },
                                '-', {
                                text: '撤回',
                                iconCls: 'icon-undo',
                                handler: function () {
                                    $.messager.confirm("提示", "确认撤回?", function (e) {
                                        if (e) {
                                            planBackUp();
                                        }
                                    })
                                }
                            },
                                '-',
                            {
                                text: '删除',
                                iconCls: 'icon-cancel',
                                handler: function () {
                                    var row = $('#tt').datagrid(
                                        'getSelected');
                                    if (row) {
                                        $.messager.confirm('提示', '确定要删除这个吗?', function (r) {
                                            if (r) { delRowMain(row); }
                                        });
                                    }
                                }
                            }],
                            onLoadSuccess: function () {
                            },
                            onDblClickRow: function () {
                                editRowMain();
                                $('#tabsAdd').tabs('select', 0);
                            }
                        });
                    $('#tt').datagrid('enableFilter');
                }
                // 提交
                function submitPlan() {
                    // 1.首先关闭编辑器
                    //  $('#planMmDetailList').datagrid('endEdit', editIndex); 
                    // 2.获取物资明细list
                    // const planMmRows = $('#planMmDetailList').datagrid('getRows');
                    let planId = $('#planId').val();
                    // 调用后台提交接口
                    let purchasePlanVO = {
                        //    purchasePlanMms: planMmRows,
                        //  planId: planId
                    }
                    $.ajax({
                        type: "post",
                        dataType: "json",
                        url: "rd/plan/commitPlan",
                        data: JSON.stringify(purchasePlanVO),
                        contentType: "application/json",
                        success: function (data) {
                            if (data.code != 60200) {
                                $.messager.alert('消息', data.msg);
                            } else {
                                $.messager.alert('消息', data.msg);
                                //setMmsDatagird(planId);
                                $('#planMmDetailList').datagrid('enableFilter');
                                $('#planMmDetailList').datagrid('load');

                            }
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            $.messager.alert('消息', errorThrown);
                        }
                    })
                }
                // 撤回
                function planBackUp() {
                    let planMmRows = $('#tt').datagrid('getSelected');
                    if (!planMmRows) {
                        $.messager.alert('提示', '请选择一条数据');
                        return
                    }
                    if (+planMmRows.status != '1') {
                        $.messager.alert('提示', '该计划已不允许撤回')
                        return
                    }
                    let planId = planMmRows.planId;
                    $.ajax({
                        type: "get",
                        dataType: "json",
                        url: "rd/plan/backPlan?planId=" + planId,
                        success: function (data) {
                            if (data.code != 60200) {
                                $.messager.alert('消息', data.msg);
                            } else {
                                $.messager.alert('消息', data.msg);
                                //bingGrid();
                                $('#tt').datagrid('enableFilter');
                                $('#tt').datagrid('load');
                            }
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            $.messager.alert('消息', errorThrown);
                        }
                    })

                }
                // 导出采购计划列表
                function exportList() {
                    let startTime = $('#startTime').datebox('getValue')
                    let endTime = $('#endTime').datebox('getValue')
                    let status = $('#planStatus').combobox('getValue')

                    var form = [];
                    form.push('startTime=' + (startTime ? startTime : ''));
                    form.push('endTime=' + (endTime ? endTime : ''));
                    form.push('status=' + (status ? status : ''));
                    let url = 'api/rd/plan/exportPlan'
                    let xhr = new XMLHttpRequest()
                    xhr.open('POST', url, true)
                    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    xhr.setRequestHeader('token', localStorage.getItem('token'));
                    xhr.setRequestHeader('userType', localStorage.getItem('userType'));
                    xhr.responseType = 'blob'
                    xhr.onload = function () {
                        if (this.status == 200) {
                            let blob = this.response
                            let reader = new FileReader()
                            reader.readAsDataURL(blob)
                            reader.onload = function (e) {
                                let a = document.createElement('a')
                                a.download = '采购计划' + new Date().toLocaleDateString() + '-' + new Date().toLocaleTimeString() + '.xlsx'
                                a.href = e.target.result
                                $('body').append(a)
                                a.click()
                                $(a).remove()
                            }
                        }
                    }
                    xhr.send(form.join('&'))
                }

                // 按时间查询采购计划列表
                function selectList() {
                    var startTime = $('#startTime').datebox('getValue')
                    var endTime = $('#endTime').datebox('getValue')
                    var planStatus = $('#planStatus').combobox('getValue');
                    var dg = $('#tt');
                    dg.datagrid('enableFilter');
                    dg.datagrid('load', {
                        startTime: startTime ? startTime : '',
                        endTime: endTime ? endTime : '',
                        status: planStatus ? planStatus : ''
                    });
                }
            </script>

            <script type="text/javascript">
                var editIndex = undefined;
                function endEditing() {
                    if (editIndex == undefined) { return true }
                    if ($('#dataGridDiv').datagrid('validateRow', editIndex)) {
                        $('#dataGridDiv').datagrid('endEdit', editIndex);
                        editIndex = undefined;
                        return true;
                    } else {
                        return false;
                    }
                }
                function onClickCell(index, field) {
                    if (editIndex != index) {
                        if (endEditing()) {
                            $('#dataGridDiv').datagrid('selectRow', index)
                                .datagrid('beginEdit', index);
                            var ed = $('#dataGridDiv').datagrid('getEditor', { index: index, field: field });
                            if (ed) {
                                ($(ed.target).data('textbox') ? $(ed.target).textbox('textbox') : $(ed.target)).focus();
                            }
                            editIndex = index;
                        } else {
                            setTimeout(function () {
                                $('#dataGridDiv').datagrid('selectRow', editIndex);
                            }, 0);
                        }
                    }
                }
                function onEndEdit(index, row) {
                    // var ed = $(this).datagrid('getEditor', {
                    //     index: index,
                    //     field: 'planTransfer'
                    // });
                    // row.productname = $(ed.target).combobox('getText');
                }

                function getChanges() {
                    var rows = $('#dataGridDiv').datagrid('getChanges');
                    alert(rows.length + ' rows are changed!');
                }
                function cellStyler(value, row, index) {
                    return 'background-color:#ffee00;color:red;';
                }
            </script>
            <script>
                function initPg() {
                    //                     var pg = $("#dataGridDiv").datagrid("getPager")
                    //                     if (pg) {
                    //                         $(pg).pagination({
                    //                             onBeforeRefresh: function () {
                    //                                 //刷新前
                    //                             },
                    //                             onRefresh: function (pageNumber, pageSize) {
                    //                                 //刷新时
                    //                             },
                    //                             onChangePageSize: function () {
                    //                                 //更改分页数字 
                    //                             },
                    //                             onSelectPage: function (pageNumber, pageSize) {
                    //                                 //分页选择，上一页、下一页、首页、尾页 
                    //                                 if ($('#dataGridDiv').datagrid('getChanges').length > 0) {
                    //                                     $.messager.alert('提示', "有未保存数据，请先保存!")
                    //                                     return;
                    //                                 }
                    //                                 //如果想保持datagrid继续编号 就添加以下代码
                    //                                 var gridOpts = $('#dataGridDiv').datagrid('options');
                    //                                 gridOpts.pageNumber = pageNumber;
                    //                                 gridOpts.pageSize = pageSize;

                    //                                 //调用后台ajax方法获取动态数据
                    //                                 // getData(pageNumber, pageSize, null, null)
                    //                                 selectList()
                    //                             }
                    //                         });
                    //                     }
                }
            </script>

            <script type="text/javascript">
                $(function () {
                    $('#startTime').datebox('setValue', getBeforeCurrentDate30Days());
                    $('#endTime').datebox('setValue', getNowFormatDate());
                    //  $('#planStatus').combobox('setValue', '0');
                    bindGrid();
                    bindMMCombo();
                    // selectInquiryList();
                });

            </script>

            </html>